/*
 * @Author: your name
 * @Date: 2022-01-01 00:54:11
 * @LastEditTime: 2022-01-02 14:12:04
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \json-serveg:\桌面2\TypeScript\part2\src\moduls\Food.ts
 */
// 定义食物类
class Food{
    // 定义一个属性表述食物所对应的元素
    element:HTMLElement

    constructor(){
        //获取页面中的元素
        this.element = document.getElementById('food')!
    }

    //定义一个获取食物的X轴的坐标的方法
    get x(){
        return this.element.offsetLeft
    }

    //定义一个获取食物的Y轴的坐标的方法
    get y(){
        return this.element.offsetTop
    }

    //修改食物的位置
    change(){
        //生成随机的位置范围
        let top =  Math.round(Math.random() * 29) *10
        let left =  Math.round(Math.random() * 29) *10

        this.element.style.left = top + 'px'
        this.element.style.top = left + 'px'


    }

}



export default Food